<!DOCTYPE html>
<html>

	<head lang="en">
		<meta charset="UTF-8">
		<meta http-equiv="Expires" content="0">
		<meta http-equiv="Pragma" content="no-cache">
		<meta http-equiv="Cache-control" content="no-cache">
		<meta http-equiv="Cache" content="no-cache">
		<title>广告投放-代理商</title>
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" id="favicon">
		<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css" />
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="modules/agent/agbCustomer/agbCustomer.css" />
		<link rel="stylesheet" href="modules/agent/agbDeal/agbDeal.css" />
		<link rel="stylesheet" href="../../oem/css/common.css" />
		<style>
			.ng-hide {
				display: none;
			}
		</style>
	</head>

	<body>
		<div class="nav_top">
			<div class="logo fl" id="logo"></div>
			<ul class="nav_list fl">

				<li>
					<a class="href_url" data="agentIndex.html">首页</a>
				</li>

				<li>

					<a class="toFirstSub href_url" data="customer.html">投放管理</a>
					<ul class="nav_dropdown" style="width: 1903px;">
						<li>
							<a class="href_url" data="customer.html">广告主列表</a>
						</li>

					</ul>
				</li>

				<li>
					<a class="toFirstSub href_url active" data="bidding.html">报表中心</a>
					<ul class="nav_dropdown" style="width: 1903px;padding-left: 335px;">

						<li>
							<a class="href_url" data="bidding.html">竞价交易概况</a>
						</li>

						<li>
							<a class="href_url active" data="deal.html">合约交易概况</a>
						</li>

						<!--<li>
							<a class="href_url" data="resources.html">合约资源报表</a>
						</li>-->

					</ul>
				</li>

				<li>
					<a data="account.html" class="toFirstSub href_url">系统管理</a>
					<ul class="nav_dropdown" style="padding-left: 235px; width: 1903px;">

						<li>
							<a class="href_url" data="account.html">账户管理</a>
						</li>

						<li>
							<a class="href_url" data="user.html">员工用户管理</a>
						</li>

						<li>
							<a class="href_url" data="adv.html">广告主管理</a>
						</li>
						<li>
							<a class="href_url" data="role.html">角色管理</a>
						</li>

					</ul>
				</li>

				<li>
					<a data="record.html" class="toFirstSub href_url">财务管理</a>
					<ul class="nav_dropdown" style="padding-left: 309px; width: 1903px;">
						<li>
							<a class="href_url" data="record.html">财务记录</a>
						</li>

						<li>
							<a class="href_url" data="info.html">财务信息</a>
						</li>
						<li>
							<a  class="href_url" data="profit.html">利润提取</a>
						</li>
					</ul>
				</li>

				<!--<li>
					<a data="heYueZiYuanGuanLi.html" class="toFirstSub href_url">合约交易管理</a>
					<ul class="nav_dropdown" style="padding-left: 310px; width: 1903px;">

						<li>
							<a class="href_url" data="heYueZiYuanGuanLi.html">商品列表</a>
						</li>

						<li>
							<a class="href_url" data="buy.html">已购列表</a>
						</li>

					</ul>
				</li>-->
			</ul>
			<div class="user">
				<div class="user-avatar"></div>
				<div class="user-info">
					<p></p>
					<p></p>
				</div>
				<ul class="user-list">

					<li>余额：</li>

					<li>退出登录</li>
				</ul>
			</div>
		</div>
		<div class="deal-page page ng-scope">
			<h3 class="page-title">报表中心</h3>
			<ul class="deal-list clearfix">
				<li>
					<p>合约交易(保价不保量)当日花费(元)</p>
					<h3 class="Nicejiaoyi"></h3>
					<span>昨日:<span class="Nicejiaoyi1">0.00</span></span>
					<span>前日:<span class="Nicejiaoyi3">0.00</span></span>
				</li>
				<li>
		            <p>合约交易(保价不保量)当日利润(元)</p>
		            <h3 class="Nicelirun">0.00</h3>
		            <span>昨日:<span class="Nicelirun1">0.00</span></span>
		            <span>前日:<span class="Nicelirun3">0.00</span></span>
		        </li>
		        <li>
		            <p>合约交易(保价不保量)当日利润率</p>
		            <h3 class="Nicelilv">0.00%</h3>
		            <span>昨日:<i class="Nicelilv1">0.00</i>%</span>
		            <span>前日:<i class="Nicelilv3">0.00</i>%</span>
		        </li>
		        <li>
		            <p>合约交易(保价保量)当日收入(元)</p>
		            <h3 class="Niceshouru">0.00</h3>
		            <span>昨日:<span class="Niceshouru1">0.00</span></span>
		            <span>前日:<span class="Niceshouru3">0.00</span></span>
		        </li>
			</ul>

			<!--过滤栏-->
			<div class="filter-box clearfix">
				<div class="dropdown dropdown-date ng-isolate-scope" callback="chooseDate">
					<button class="btn btn-default dropdown-toggle tody_btn" type="button" data-toggle="dropdown">
										全部时间段
									</button>
					<span class="caret"></span>
					<ul class="dropdown-menu wr">
						<li onclick="window.location.reload()">
							<a href="javascript:;">全部时间段</a>
						</li>
						<li onclick="selectDate(1,this)">
							<a href="javascript:;" class="tody_day"></a>
						</li>
						<li onclick="selectDate(2,this)">
							<a href="javascript:;" class="yesterday_day"></a>
						</li>
						<li onclick="selectDate(3,this)">
							<a href="javascript:;" class="lastWeek_day"></a>
						</li>
						<li onclick="selectDate(4,this)">
							<a href="javascript:;" class="lastTwo_day"></a>
						</li>
						<li class="li_time">
							<a href="javascript:;" class="cl">
								<span class="fl">
												 	<input type="text" class="endTime" id="test1" placeholder="开始时间..">	
												 	<i class="icon_time"></i>
												</span>
								<em class="fl">-</em>
								<span class="fl">
													 <input type="text" class="endTime" id="test2" placeholder="结束时间..">
													<i class="icon_time"></i>
												</span>
								<span class="fl">
													<input onclick="selectDate(5,this)" type="button" value="确认选择" class="affirm">
												</span>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<!--表格-->
			<div class="table-box">
				<div class="table-title">
					<h3 class="table-title-font">合约交易概况</h3>
					<div class="table-download" onclick="download()"></div>
					<div class="dropdown dropdown-filter ng-isolate-scope" list="typeList" callback="selectType"> 
					<button class="btn btn-default dropdown-toggle cl" data-toggle="dropdown">              
						<span style="width: 55%; display: inline-block;" id="isTradeType" data-wei="0">全部资源类型</span>     
					</button>
					<span class="caret"></span>
						<ul class="dropdown-menu">
							
							<li class="cl" onclick="clickFunc(this)">
								<a title="全部资源类型" href="javascript:void(0);" data-wei="0">全部资源类型</a>
							</li>
							<li class="cl" onclick="clickFunc(this)">
								<a title="保价保量" href="javascript:void(0);" data-wei="1">保价保量</a> 
							</li>
							<li class="cl" onclick="clickFunc(this)">
								<a title="保价不保量" href="javascript:void(0);" data-wei="2">保价不保量</a> 
							</li>
							
						</ul>
					</div>
					
					<div class="dropdown dropdown-filter ng-isolate-scope" list="advList" callback="selectAdv"> 
					<button class="btn btn-default dropdown-toggle cl" data-toggle="dropdown">         
						<span style="width: 55%; display: inline-block;" id="isTradeTypeG" data-wei="0">全部广告主</span>       
					                       
					</button> 
					<span class="caret"></span>
						<ul class="dropdown-menu" id="guanggaoz">
							<li onclick="clickFuncG(this)">
								<a title="全部广告主" href="javascript:void(0);" data-wei="0">全部广告主</a>
							</li>
						</ul>
					</div>
				</div>
				<table>
					<thead>
						<tr>
							<th>广告主名称</th>
							<th>资源类型</th>
							<th>成本(元)</th>
							<th>单价(元)</th>
							<th>展示量</th>
							<th>点击量</th>
							<th>点击率</th>
						</tr>
					</thead>
					<tbody class="roleList">
					</tbody>
				</table>

				<div id="pageToolbar" class="page">
					<div id="Paging" class="ui-paging-container">
						<ul>
							<li class="js-page-first js-page-action ui-pager" data-page="1">首页</li>
							<li class="js-page-prev js-page-action ui-pager" data-page="">上一页</li>

							<li class="ui-paging-toolbar">
								<span>跳转到</span><input type="text" class="ui-paging-count"> 页 &nbsp;&nbsp;总共：
								<span class="js-page-total" style="color: #4A9DD2;"></span>&nbsp;&nbsp;页
								<select class="ui-select-pagesize">
									<option value="10">每页展示10条/页</option>
									<option value="20">每页展示20条/页</option>
									<option value="50">每页展示50条/页</option>
								</select>
							</li>
							<li class="js-page-last js-page-action ui-pager" data-page="">末页</li>
							<li class="js-page-next js-page-action ui-pager" data-page="">下一页</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>
<script src="../../public/js/jquery.min.js"></script>
<script src="../../public/js/bootstrap.min.js"></script>
<script src="../../public/js/laydate/laydate.js"></script>
<script src="../../public/js/layui.all.js"></script>
<script src="js/agentIndex.js"></script>
<script src="js/deal.js"></script>
<script>
	$(function() {
		$('.user').on('click', function() {
			$(this).toggleClass('hover');
		})

		$('.user').mouseleave(function() {
			$(this).removeClass('hover');
		});
	})
</script>
<script src="../../oem/js/oem.js"></script>